<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/template/common/header.jsp"%>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>积分查询</title>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	background-color: #DDD
}

.clear {
	clear: both;
}

.wrapper1 {
	margin: 0px;
	width: 99%;
	height: 190px;
	background: url("${base}/template/bampo/images/bg_jfcard.png") 0 0
		no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.wrapper1 table {
	width: 98%;
}

.wrapper1 table tr td {
	padding: 10px 0px;
	color: #FFF;
	font-size: 1.2em;
}

.wrapper1 table tr td.title {
	color: #999;
	font-size: 1em;
	text-align: left;
}

.wrapper1 table tr td.num {
	color: white;
}

.wrapper1 a {
	color: white;
	text-decoration: none;
}

.wrapper2 {
	margin: 0px;
	width: 98%;
	background-color: #F3F3F3;
	border: 1px solid #CCC;
	-moz-border-radius: 10px; /* Gecko browsers */
	-webkit-border-radius: 10px; /* Webkit browsers */
	border-radius: 10px; /* W3C syntax */
}

.wrapper2 table {
	width: 100%;
}

.wrapper2  table tr td.title {
	color: #999;
	width: 60px;
}

.wrapper2  table tr td.num {
	color: black;
}

.wrapper2 table tr {
	display: block;
	border-bottom: solid 1px #ccc;
}

.wrapper2 table tr td {
	padding: 15px;
}

.wrapper2 a {
	color: black;
	text-decoration: none;
}

.wrapper2 table tr.last {
	border: none;
}

.wrapper2 div span,.wrapper2 div p {
	float: left;
}

.girl {
	color: #F39;
}

.boy {
	color: #36C;
}
</style>
</head>

<body>
	<div class="wrapper1">
		<table>
			<tr>
				<td class="title">姓名:</td>
				<td colspan="3">${result.vipname }</td>
			</tr>
			<tr>
				<td class="title">卡号:</td>
				<td colspan="3" class="num">${result.vipcode }</td>
			</tr>
			<tr>
				<td class="title">积分:</td>
				<td>${result.currentpoint }</td>
				<td class="title">升级所需积分:</td>
				<td>${result.needPoint }</td>
			</tr>
			<tr>
				<td class="title">等级:</td>
				<td>${result.currentLevel }</td>
				<td class="title">下一等级:</td>
				<td>${result.nextLevel }</td>
			</tr>
		</table>
	</div>
	<!--end: wrapper1-->
	<div class="wrapper2">
		<table>
			<s:if test="result.sex != ''">
				<tr>
					<td class="title">性别</td>
					<td>${result.sex }</td>
				</tr>
			</s:if>
			<s:if test="result.working != ''">
				<tr>
					<td class="title">职业</td>
					<td>${result.working }</td>
				</tr>
			</s:if>
			<s:if test="result.addr!=''">
				<tr>
					<td class="title">地址</td>
					<td>${result.addr}</td>
				</tr>
			</s:if>
			<s:if test="esult.tel1!= ''">
				<tr>
					<td class="title">电话</td>
					<td class="num">${result.tel1 }</td>
				</tr>
			</s:if>
			<s:if test="result.mobile !=''">
				<tr>
					<td class="title">手机</td>
					<td class="num">${result.mobile }</td>
				</tr>
			</s:if>
			<s:if test="result.email != ''">
				<tr>
					<td class="title">E-mail</td>
					<td>${result.email }</td>
				</tr>
			</s:if>
			<s:if test="result.birth !=''">
				<tr class="last">
					<td class="title">生日</td>
					<td>${fn:substringBefore(result.birth," ")}</td>
				</tr>
			</s:if>
		</table>
	</div>
</body>
</html>